<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Update</title>
  <link rel="stylesheet" href="__static__/index/css/update.css">

<body>
  <div class="list_box">
    {volist name="res" id="ar"}
    <form action="{:url('index/index/update1')}?id={$ar.id}" method="POST" class="artForm"
      enctype="multipart/form-data">
      <h1>You Can Change Your personal Information</h1>
      <label>
        <span>Username</span>
        <input class="input" autocomplete="off" type="text" name="username" value="{$ar.username}" />
      </label>
      <label>
        <span>Password</span>
        <input class="input" autocomplete="off" type="password" name="password" value="{$ar.password}" />
      </label>
      <label>
        <span>Email</span>
        <input class="input" autocomplete="off" type="email" name="email" value="{$ar.email}" />
      </label>
      <label>
        <span>Sex</span>
        <input class="input" autocomplete="off" type="text" name="sex" value="{$ar.sex}" />
      </label>
      <div class="post">
        <input class="button" id="file" type="file" name="file" value="file" />
        <div class="file_box" class="changeinput">Headshot</div>
      </div>
      <div class="button_box">
        <input type="submit" class="button sub" value="submit" />
        <a href="{:url('index/index/index')}"><input type="submit" class="button can" value="cancel" /></a>
      </div>
    </form>
    {/volist}

  </div>
  <script src="__static__/index/js/update.js"></script>
</body>

</html>